<template>
	<div>
   <div class="user-poster" >
	   <p><span @click="zhuce">注册</span>/<span @click="denglu">登录</span></p>
<<<<<<< HEAD
	   <van-icon name="setting" id="shezhi" @click="tap"/>
=======
	   
     <van-icon name="setting" id="shezhi" to="/setting"/>
>>>>>>> 583077d30d17804897ebf93f46c14dfc878e0905
	   
   </div>
    <van-row class="user-links">
      
      <van-col span="12">
        <van-icon name="records" />
        我的订单
      </van-col>

  <router-link  to="/cart">
      <van-col span="12">
        <van-icon name="cart-o"/>
        我的购物车
      </van-col>
  </router-link>
     
     
    </van-row>

    <van-cell-group class="user-group">
      <van-cell icon="star-o" title="我的收藏" is-link to="/shoucang"/>
      <van-cell icon="orders-o" title="意见反馈" is-link />
      <van-cell icon="phone-o" title="联系客服" is-link />
      <van-cell icon="points" title="领券帮助" is-link />
		<van-cell icon="hotel-o" title="版本更新" is-link />
      <van-cell icon="warning-o" title="关于" is-link />


    </van-cell-group>
  </div>
</template>

<script>
	export default{
		name:'mymine',
		data(){
			return{
				
			}
		},
		methods:{
			denglu(){
				this.$router.push('/login')
			},
			zhuce(){
				this.$router.push('/register')
      },
      tap(){
        this.$router.push('/setting')
<<<<<<< HEAD
=======
      },
      tocart(){
        this.$router.push('/cart')
>>>>>>> 583077d30d17804897ebf93f46c14dfc878e0905
      }
		},
		mounted() {
			
		}
	}
	
	
</script>

<style scoped lang="scss">
	.user {
  &-poster {
	  font-size: 30px;
    width: 100%;
    height: 53vw;
    background: url(https://img.yzcdn.cn/public_files/2017/10/23/8690bb321356070e0b8c4404d087f8fd.png);
	position:relative;
  }
   &-poster p{
	  margin-left: 30%;
	 padding-top: 25%;
  }
  &-poster #shezhi{
	  position: absolute;
	top: 10px;
	right: 10px;
	color:rgb(46, 128, 235);
	
  }
  &-group {
    margin-bottom: 15px;
  }
  &-links {
    padding: 15px 0;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    .van-icon {
      display: block;
      font-size: 24px;
    }
  }
}
</style>
